
<template>
  <div class = "header">
    <div class = "left"
    @click = "handlebackclick"
    > < </div>
    <div class = "middle">景点+酒店</div>
    <div class = "right">...</div>
  </div>
</template>

<script>

export default {
  name:'detailHeader',
  methods:{
    handlebackclick(){
      this.$router.go(-1)
    }
  }

}
</script>

<style lang = "stylus" scoped>
.header
  line-height:.88rem
  background:#fff
  display:flex
  .left
    float:left
    margin-left:.2rem
    color:#23beae
    font-weight:bold
    font-size:.35rem
  .middle
    flex:1
    text-align:center
    font-weight:bold
  .right
    float:right
    padding-right:.5rem
    color:#23beae
    font-weight:bold
    font-size:.35rem

</style>